<template>
    <div class="realtime flex">

        <c-box class="left">
            <template slot="title">
                <span class="title"
                    v-text="Lang.title[lang][0]">实时成交</span>
            </template>
            <template slot="body">
                <c-list/>
            </template>
        </c-box>

        <c-box class="right">
            <template slot="title">
                <span class="title"
                    v-text="Lang.title[lang][1]">公告</span>
            </template>
            <template slot="body">
                <c-placard/>
            </template>
        </c-box>

    </div>
</template>

<script>
import Lang from './lang'
import Cbox from '../../box.vue'
import List from './list/a.vue'
import Placard from './placard/a.vue'
export default {
	name: 'realtime',
	data() {
		return {
			Lang,
		}
	},
	computed: {
		lang() {
			return this.$store.state.setting.lang
		},
	},
	components: {
		'c-box': Cbox,
		'c-list': List,
		'c-placard': Placard,
	},
}
</script>

<style scoped>
.realtime {
	margin-top: 10px;
}
.left {
	flex-grow: 1;
	margin: 0 10px 0 0;
	position: relative;
	min-width: 600px;
}
.right {
	min-width: 25%;
}
.title {
	font-size: 16px;
	color: #c7cce6;
}
</style>
